<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div{
            background-color: antiquewhite;
            border: rgb(17, 214, 214) 3px solid;
            width: 400px;
            height: 500px;
            margin: 40px;
        }
    </style>
</head>
<body>
    <div>
        <!-- form表单 type类型 text文本框 password密码框 -->
        <!-- action提交地址 -->
    <form action="">
     请输入用户名：<input type="text">
      <br>
      <br>
     请输入密码：  <input type="password">
      <br>
      <br>
      请输入你的性别：
      <!-- redio单选 必须加name,且值相同 checked默认选项 -->
      男<input type="radio" name="sex" checked>
      <label>女<input type="radio" name="sex"></label>
      <br>
      <br>
      请输入你的爱好：
      <!-- checkbox多选 -->
      吃饭<input type="checkbox" > 
      睡觉<input type="checkbox" >
      打游戏<input type="checkbox" > 
      <br>
      <br>
      <!-- 文件上传 类型file  多文件上传multiple -->
      <input type="file" multiple>
      <br>
      <br>
      <!-- 提交按钮，提交表单到指定的地址 -->
      <input type="submit" value="免费注册">
      <!-- 重置按钮，清除我们表单的内容 -->
      <input type="reset"  value="重置">
      <!-- 普通按钮，value就是值的意思，可以改变按钮的名字 -->
      <input type="button" value="提交按钮">
      <br>
      <br>
      <!-- 按钮的第二种写法，可以包含文字/图片 -->
      <button type="submit">提交按钮</button>
      <button type="reset">重置按钮</button>
      <button type="button">普通按钮</button>
      <button>默认提交</button>
      <!-- 下拉菜单 select>option 下拉菜单一般不能少于3个下拉项 -->
      <!-- selected 默认一项 -->
      <select>
          <option>请选择城市</option>
          <option>湖北省武汉市</option>
          <option>湖北省武昌市</option>
          <option>湖北省孝感市</option>
          <option selected>河南省郑州市</option>
      </select>
      <br>
      <br>
      <!-- 文本域 rows高 cols宽 placeholder="输入内容"-->
      <textarea >请输入内容......</textarea>
      <br>
      <br>
      <!-- labelb标签的第一种使用方法 -->
      <!-- 将文本和表单绑定起来 -->
      <label for="hs"> 阴性</label>
      <input type="redio" name="hs" id="hs">
      <br>
      <!-- labeld标签的第二种使用方法  推荐使用简单化版-->
      <label >阳性<input type="redio" name="hs"></label>

    </form>
</div>
</body>
</html>